<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<style>
		#container div{
			background-color: aquamarine;
			margin: 10px;
			padding: 10px;
		}
		#container{
			margin: ;
			padding: ;
			border: 1px solid red;
		}
		
		
		
	</style>
	<body>
		<div id="container">
			<div class="box1">盒子</div>
			<div class="box2">盒子</div>
			<div class="box3">盒子</div>
			<div class="box4">盒子</div>
			<div class="box5">盒子</div>
			<div class="box6">盒子</div>
		</div>
		<button id="e1">获取子集元素</button>
		<button id="e2">获取父级元素</button>
		<button id="e3">获取兄弟元素</button>
		<button id="e4">获取下一个兄弟</button>
		<button id="e5">获取上一个兄弟</button>
		<button id="e6">遍历元素</button>
	</body>
</html>